<style  lang="less" scoped>
.Page1{
  width: 100%;
  height: 100%;
  color:#fff;
  display: flex;
  flex-direction: column;
  overflow: auto;
  position: relative;
  .headerBox{
    width: 100%;
    border-bottom: 2px solid #fff;
    position: relative;
    & > h1{
      font-size: 1.8rem;
      font-family: '宋体';
      font-weight: bold;
      text-align: center;
    }
    .headerRightBtnGroup{
      display: flex;
      align-items: center;
      align-self: flex-end;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translate(0, -50%);
    }
    .headerLeftBtnGroup{
      display: flex;
      align-items: center;
      align-self: flex-end;
      position: absolute;
      top: 50%;
      left: 1%;
      transform: translate(0, -50%);
      .block{
        margin-left: 2rem;
      }
    }
  }
  .wrapper{
    flex:1;
    overflow: auto;
    padding: 0 0px;
    box-sizing: border-box;
    .ctn{
      min-width: 2000px;
      height: 850px;
      #svgDom{
        width: 100%;
        height: 100%;
      }
    }
  }
}
/deep/ .el-form-item__label {
  color: #fff; /* 自定义 label 的颜色 */
}

/* 调整 el-input 的 placeholder 颜色 */
/deep/ .el-input__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
  opacity: 1;
}

/* 调整 el-select 的 placeholder 颜色 */
/deep/ .el-select .el-input__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
}
/deep/ .el-textarea__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
  opacity: 1; /* 确保颜色生效 */
}

// 遥控弹框样式
/deep/ .yaokongDialog, /deep/ .operateRecordDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 70%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 10px;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 操作人弹框样式
    .operatorPwd{
      & > div + div{
        margin-top: 10px;
      }
      & > div{
        display: flex;
        align-items: center;
        & > label{
          font-size: 14px;
          width: 80px;
        }
        .el-input{
          flex:1;
          overflow: hidden;
        }
      }
    }

    // 消息告警输入框
    .messageAlarmList{
      flex:1;
      overflow: auto;
      .el-table{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background:transparent;
        &:before{
          height: 0;
        }
        .el-table__header-wrapper{
          overflow: initial;
        }
        .el-table__body-wrapper{
          flex:1;
          overflow: auto;
        }
      }
      .el-table th{
        background:#142e48;
      }
      .el-table tr{
        background: transparent;
      }
      .el-table td, .el-table th{
        border: 1px solid #313338;
        border-left: 0;
        border-right: 0;
        color: #dee2e5;
      }
      .el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #3a6378;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}

// 遥控弹框 - 操作人账号密码 - 样式
/deep/ .yaokongPersonDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 60%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 10px;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 操作人弹框样式
    .operatorPwd{
      & > div + div{
        margin-top: 10px;
      }
      & > div{
        display: flex;
        align-items: center;
        & > label{
          font-size: 14px;
          width: 80px;
          color: #dee2e5;
        }
        .el-input{
          flex:1;
          overflow: hidden;
        }
      }
    }

    // 消息告警输入框
    .messageAlarmList{
      flex:1;
      overflow: hidden;
      .el-table{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background:transparent;
        &:before{
          height: 0;
        }
        .el-table__header-wrapper{
          overflow: initial;
        }
        .el-table__body-wrapper{
          flex:1;
          overflow: auto;
        }
      }
      .el-table th{
        background:#142e48;
      }
      .el-table tr{
        background: transparent;
      }
      .el-table td, .el-table th{
        border: 1px solid #313338;
        border-left: 0;
        border-right: 0;
        color: #dee2e5;
      }
      .el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #3a6378;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}

// 汇报调度弹框样式
/deep/ .reportSchedulingDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 60%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 0;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 汇报调度输入框
    .reportSchedulingTextArea{
      flex:1;
      overflow: hidden;
      // .el-textarea{
      // 	height: 100%;
      // }
      .el-textarea__inner{
        height: 100%;
        color:#dee2e5;
        background:transparent;
        border: 1px solid #666;
        font-size: 16px;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    text-align: center;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}
/deep/ .operateRecordDialog {
  pointer-events: auto;
  margin-right: 34%;
}
.is-highlight {
  animation: highlight 1s;
}
@keyframes highlight {
  0% {
    color: yellow;
  }
  100% {
    color: #FFFFFF;
  }
}
.brandBtn{
  animation: flash 1s infinite;
}
@keyframes flash {
  0%, 100% {
    opacity: 1; /* 完全不透明 */
  }
  50% {
    opacity: 0.5; /* 半透明 */
  }
}
.brandMsgTitle{
  font-size: 2rem;
  color: white;
}
.brandMsgP{
  font-size: 1.5rem;
  //空两个字
  margin: 2rem;
}
/deep/ .el-dialog__body{
  overflow: scroll;
}
.fault-dialog-content {
  padding: 20px;
  color: #fff;
}

/* 覆盖 Element UI 的默认样式 */
:deep(.el-tabs__item) {
  color: rgba(255, 255, 255, 0.6);
}


:deep(.el-tabs__item.is-active) {
  color: #409EFF;
}

:deep(.el-tabs__nav-wrap::after) {
  background-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-form-item__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-collapse-item__header) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-collapse-item__content) {
  background-color: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-checkbox__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-radio__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-input-number__decrease),
:deep(.el-input-number__increase) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.2);
}

:deep(.el-input-number__decrease:hover),
:deep(.el-input-number__increase:hover) {
  color: #409EFF;
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-input__inner) {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
:deep(.is-disabled .el-input__inner){
  background-color: #131f2a;
  border-color: rgba(255, 255, 255, 0.2);
  color: #999;
}
:deep(.el-input__inner:hover),
:deep(.el-input__inner:focus) {
  border-color: #409EFF;
}

:deep(.el-select-dropdown__item) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-select-dropdown__item.hover) {
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-select-dropdown__item.selected) {
  color: #409EFF;
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-slider__runway) {
  background-color: rgba(255, 255, 255, 0.2);
}

:deep(.el-slider__bar) {
  background-color: #409EFF;
}

:deep(.el-slider__button) {
  border-color: #409EFF;
  background-color: #409EFF;
}

:deep(.el-collapse) {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: transparent;
}

.distance-slider {
  width: 300px;
}

.ms-label {
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.8);
}

.el-collapse {
  margin: 10px 0;
  border-color: rgba(255, 255, 255, 0.1);
}

/* 修复下拉菜单的背景色 */
:deep(.el-select-dropdown) {
  background-color: rgb(2, 22, 42);
  border-color: rgba(255, 255, 255, 0.1);
}

/* 修复弹出层的背景色 */
:deep(.el-popper[x-placement^="bottom"]) {
  background-color: rgb(2, 22, 42);
}

/* 修改折叠面板的样式 */
:deep(.el-collapse) {
  border: none;
  background-color: transparent;
}

:deep(.el-collapse-item) {
  margin-bottom: 1px;
}

:deep(.el-collapse-item__header) {
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
}

:deep(.el-collapse-item__header:hover) {
  background-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-collapse-item__content) {
  background-color: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 15px;
}

:deep(.el-collapse-item__arrow) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-collapse-item__header.is-active) {
  border-bottom-color: transparent;
}

:deep(.el-collapse-item__wrap) {
  border: none;
  background-color: transparent;
}

/* 添加新的样式 */
.fault-list {
  margin-top: 20px;
}

:deep(.el-table) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgb(28, 46, 64);
}

:deep(.el-table::before) {
  display: none;
}

:deep(.el-table td),
:deep(.el-table th.is-leaf) {
  border-bottom: 1px solid rgb(28, 46, 64);
}

:deep(.el-table--border th),
:deep(.el-table--border td) {
  border-right: 1px solid rgb(28, 46, 64);
}

:deep(.el-table thead) {
  border-bottom: 1px solid rgb(28, 46, 64);
}

:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
  background-color: rgba(2, 22, 42) !important;
}

.cancel-fault-buttons {
  display: flex;
  gap: 10px;
}

:deep(.el-textarea__inner) {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

:deep(.el-textarea__inner:focus) {
  border-color: #409EFF;
}

:deep(.el-table__empty-block) {
  background-color: transparent;
}

:deep(.el-table__empty-text) {
  color: rgba(255, 255, 255, 0.6);
}
.messageAlarmList {
  overflow: hidden;  /* 隐藏溢出内容 */
}
.messageAlarmList {
  scrollbar-width: none; /* 隐藏滚动条 */
}
.messageAlarmList::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}

.Page1:active {
  cursor: grabbing;
}
</style>
<template xmlns="">
  <div class="Page1" v-if="pageData" @contextmenu.r.prevent>
    <div class="headerBox">
      <div class="headerLeftBtnGroup">
        <div class="block">
          <el-cascader
            v-model="jiaoAnValue"
            :options="jiaoAnOptions_1"
            placeholder="教案"
            style="width: 7rem;"
            :props="{ expandTrigger: 'hover' }"
            @change="handleChange"
          ></el-cascader>
        </div>
        <div class="block">
          <el-cascader
            v-model="gongkuangValue"
            placeholder="工况"
            style="width: 7rem"
            :options="gongKuangOptions"
            :props="{ expandTrigger: 'hover' }"
            @change="handleChange"></el-cascader>
        </div>
      </div>
      <h1 style="color: rgb(252, 253, 221);margin-left: -10%">110kV回舍变主接线图</h1>
      <div class="headerRightBtnGroup">
        <el-button @click="clearAll">全站清闪</el-button>
        <el-button>画面索引</el-button>
        <el-button @click="alertLog">告警记录</el-button>
        <el-button @click="operationRecords">操作记录</el-button>
      </div>
    </div>
    <div class="wrapper" ref="page" @mousedown="startDrag">
      <div class="ctn">
          <svg id="svgDom">
              <g transform="translate(0,0)"><!--              110kv-->
                  <g>
                      <!--              110kv I母-->
                      <g transform="translate(-190,0)">
                          <main-bus name="110kV I母" x1="270" y1="270" x2="590" y2="270" stateDesc="110kV I母"  color="rgb(240,65,85)" :isMainPage="true"></main-bus>
                          <g transform="translate(110,260)">
                              <num-screen
                                  name="110kv I母"
                                  ftCode=""
                                  dir="bottom"
                                  :Ua="Number(this.pageData['110IM'][1].state_val)"
                                  :Ub="Number(this.pageData['110IM'][2].state_val)"
                                  :Uc="Number(this.pageData['110IM'][3].state_val)"
                                  :Uab="Number(this.pageData['110IM'][4].state_val)"
                                  :Ubc="Number(this.pageData['110IM'][5].state_val)"
                                  :Uca="Number(this.pageData['110IM'][6].state_val)"
                                  :num-tran-y="-210"
                                  :num-tran-x="-50"
                                  :is-mother="true"
                              ></num-screen>
                          </g>
                          <g transform="translate(380,315)">
                              <num-screen
                                  name="#1主变"
                                  dir="none"
                              ></num-screen>
                              <g transform="translate(-750,-400)">
                                  <text x="890" y="500" fill="#FFFFFF">档位</text>
                                  <text x="890" y="470" fill="#FFFFFF">油温1</text>
                                  <text x="960" y="500" fill="rgb(120, 244, 120)">{{Number(pageData["1zb"][8].state_val).toFixed(2)}}</text>
                                  <text x="960" y="470" fill="rgb(120, 244, 120)">{{Number(pageData["1zb"][9].state_val).toFixed(2)}}</text>
                              </g>

                          </g>
                          <line x1="420" y1="270" x2="420" y2="305" stroke-width="2" stroke="rgb(240,65,85)"></line>
                          <line x1="420" y1="335" x2="420" y2="360" stroke-width="2" stroke="rgb(240,65,85)"></line>
                          <circle r="4" cx="420" cy="270" fill="rgb(240,65,85)" :stroke-width="1" stroke="rgb(240,65,85)"></circle>
                          <g transform="scale(0.7) translate(-120,58)">
                              <circle r="23" cx="720" cy="480" fill="none" stroke-width="2" stroke="rgb(240,65,85)"/>
                              <line x1="720" y1="454" x2="720" y2="480" style="stroke:rgb(240,65,85);stroke-width:2"/>
                              <line x1="680" y1="498" x2="753" y2="463" style="stroke:rgb(240,65,85);stroke-width:2"/>
                              <polyline points="745.21,470.70 753,463 742.67,463.98" fill="rgb(240,65,85)" stroke="rgb(240,65,85)" />
                              <line x1="720" y1="480" x2="740" y2="494" style="stroke:rgb(240,65,85);stroke-width:2"/>
                              <circle r="23" cx="700" cy="505" fill="none" stroke-width="2" stroke="rgb(255,255,0)"/>
                              <line x1="700" y1="505" x2="700" y2="490" style="stroke:rgb(255,255,0);stroke-width:2"/>
                              <line x1="700" y1="505" x2="690" y2="512" style="stroke:rgb(255,255,0);stroke-width:2"/>
                              <line x1="700" y1="505" x2="710" y2="512" style="stroke:rgb(255,255,0);stroke-width:2"/>
                              <circle r="23" cx="740" cy="505" fill="none" stroke-width="2" stroke="rgb(0,210,0)"/>
                              <polyline points="733,490,733,520,753,505,733,490" style="stroke:rgb(0,210,0);stroke-width:2"/>
                          </g>
                          <polyline points="420,375,500,375,500,388" style="stroke:rgb(240,65,85);stroke-width:2" fill="none"/>
                          <bi-lei-qi color="rgb(240,65,85)" :translate-x="560" :translate-y="246" :rotate="90"></bi-lei-qi>
                          <connect-line
                              :state="Number(pageData['1zb'][0].state_val)"
                              :stateDesc="pageData['1zb'][0].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="395.5"
                              :translate-y="332"
                              :text-translate-y="10"
                              :text-translate-x="-10"
                              :name="pageData['1zb'][0].state_desc"></connect-line>
                          <connect-line
                              :state="Number(pageData['1zb'][1].state_val)"
                              :stateDesc="pageData['1zb'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="475.5"
                              :translate-y="415.5"
                              :text-translate-y="40"
                              :text-translate-x="20"
                              :name="pageData['1zb'][1].state_desc"></connect-line>
                          <!--11-7-->
                          <g transform="translate(180,0)">
                              <line x1="155" y1="185" x2="215" y2="185" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <line x1="185" y1="186" x2="185" y2="219" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <line x1="185" y1="248" x2="185" y2="268" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <circle r="4" cx="185" cy="270" fill="rgb(240,65,85)" :stroke-width="1" stroke="rgb(240,65,85)"></circle>
                              <four-circle color="rgb(240,65,85)" :scale="1" translate-x="60" translate-y="315" :rotate="-90"></four-circle>
                              <bi-lei-qi color="rgb(240,65,85)" :scale="1" translate-x="117" translate-y="315" :rotate="-90"></bi-lei-qi>
                              <connect-line
                                  :state="Number(pageData['110IM'][0].state_val)"
                                  :stateDesc="pageData['110IM'][0].state_desc"
                                  :scale="0.6"
                                  :isMainPage="true"
                                  :rotate="-90"
                                  :translate-x="160.5"
                                  :translate-y="245"
                                  :text-translate-y="10"
                                  :text-translate-x="0"
                                  :name="pageData['110IM'][0].state_desc"></connect-line>
                          </g>
                          <!--                  163-->
                          <g transform="translate(300,0)">
                              <num-screen
                                  name="平回Ⅰ线"
                                  :ftCode="163"
                                  dir="left"
                                  :P="Number(this.pageData['163'][4].state_val)"
                                  :Q="Number(this.pageData['163'][5].state_val)"
                                  :Ia="Number(this.pageData['163'][3].state_val)"
                                  :num-tran-x="-30"
                                  :num-tran-y="15"
                              ></num-screen>
                              <polyline points="180,60,185,55,190,60" style="fill: none" stroke-width="2" stroke="rgb(240,65,85)"></polyline>
                              <line x1="185" y1="55" x2="185" y2="115" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <line x1="185" y1="145" x2="185" y2="170" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <line x1="185" y1="194" x2="185" y2="219" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <line x1="185" y1="248" x2="185" y2="268" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <circle r="4" cx="185" cy="270" fill="rgb(240,65,85)" :stroke-width="1" stroke="rgb(240,65,85)"></circle>
                              <two-circle color="rgb(240,65,85)" :scale="1" translate-x="54"></two-circle>
                              <connect-line
                                  :state="Number(pageData[163][1].state_val)"
                                  :stateDesc="pageData[163][1].state_desc"
                                  :scale="0.6"
                                  :isMainPage="true"
                                  :rotate="-90"
                                  :translate-x="160.5"
                                  :translate-y="142"
                                  :text-translate-y="10"
                                  :text-translate-x="10"
                                  :name="'-'+pageData[163][1].state_desc.split('-')[1]"></connect-line>
                              <rect-svg
                                  :state="Number(pageData[163][0].state_val)"
                                  :stateDesc="pageData[163][0].state_desc"
                                  :rotate="90"
                                  :translate-y="168"
                                  :translate-x="213"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[163][0].is_clear}"
                                  :name="pageData[163][0].state_desc"
                              ></rect-svg>
                              <connect-line
                                  :state="Number(pageData[163][2].state_val)"
                                  :stateDesc="pageData[163][2].state_desc"
                                  :scale="0.6"
                                  :isMainPage="true"
                                  :rotate="-90"
                                  :translate-x="160.5"
                                  :translate-y="245"
                                  :text-translate-y="10"
                                  :text-translate-x="10"
                                  :name="'-'+pageData[163][2].state_desc.split('-')[1]"></connect-line>
                          </g>

                      </g>
                      <!--              110kv II母-->
                      <g transform="translate(220,0)">
                          <main-bus name="110kV II母" x1="270" y1="270" x2="590" y2="270" stateDesc="110kV II母"  color="rgb(240,65,85)" :isMainPage="true"></main-bus>
                          <g transform="translate(350,260)">
                              <num-screen
                                  name="110kv I母"
                                  ftCode=""
                                  dir="bottom"
                                  :Ua="Number(this.pageData['110IIM'][1].state_val)"
                                  :Ub="Number(this.pageData['110IIM'][2].state_val)"
                                  :Uc="Number(this.pageData['110IIM'][3].state_val)"
                                  :Uab="Number(this.pageData['110IIM'][4].state_val)"
                                  :Ubc="Number(this.pageData['110IIM'][5].state_val)"
                                  :Uca="Number(this.pageData['110IIM'][6].state_val)"
                                  :num-tran-y="-210"
                                  :num-tran-x="20"
                                  :is-mother="true"
                              ></num-screen>
                          </g>
                          <g transform="translate(380,315)">
                              <num-screen
                                  name="#2主变"
                                  dir="none"
                              ></num-screen>
                              <g transform="translate(-750,-400)">
                                  <text x="890" y="500" fill="#FFFFFF">档位</text>
                                  <text x="890" y="470" fill="#FFFFFF">油温1</text>
                                  <text x="960" y="500" fill="rgb(120, 244, 120)">{{Number(pageData["2zb"][8].state_val).toFixed(2)}}</text>
                                  <text x="960" y="470" fill="rgb(120, 244, 120)">{{Number(pageData["2zb"][9].state_val).toFixed(2)}}</text>
                              </g>

                          </g>
                          <line x1="420" y1="270" x2="420" y2="305" stroke-width="2" stroke="rgb(240,65,85)"></line>
                          <line x1="420" y1="335" x2="420" y2="360" stroke-width="2" stroke="rgb(240,65,85)"></line>
                          <circle r="4" cx="420" cy="270" fill="rgb(240,65,85)" :stroke-width="1" stroke="rgb(240,65,85)"></circle>
                          <g transform="scale(0.7) translate(-120,58)">
                              <circle r="23" cx="720" cy="480" fill="none" stroke-width="2" stroke="rgb(240,65,85)"/>
                              <line x1="720" y1="454" x2="720" y2="480" style="stroke:rgb(240,65,85);stroke-width:2"/>
                              <line x1="680" y1="498" x2="753" y2="463" style="stroke:rgb(240,65,85);stroke-width:2"/>
                              <polyline points="745.21,470.70 753,463 742.67,463.98" fill="rgb(240,65,85)" stroke="rgb(240,65,85)" />
                              <line x1="720" y1="480" x2="740" y2="494" style="stroke:rgb(240,65,85);stroke-width:2"/>
                              <circle r="23" cx="700" cy="505" fill="none" stroke-width="2" stroke="rgb(255,255,0)"/>
                              <line x1="700" y1="505" x2="700" y2="490" style="stroke:rgb(255,255,0);stroke-width:2"/>
                              <line x1="700" y1="505" x2="690" y2="512" style="stroke:rgb(255,255,0);stroke-width:2"/>
                              <line x1="700" y1="505" x2="710" y2="512" style="stroke:rgb(255,255,0);stroke-width:2"/>
                              <circle r="23" cx="740" cy="505" fill="none" stroke-width="2" stroke="rgb(0,210,0)"/>
                              <polyline points="733,490,733,520,753,505,733,490" style="stroke:rgb(0,210,0);stroke-width:2"/>
                          </g>
                          <polyline points="420,375,500,375,500,388" style="stroke:rgb(240,65,85);stroke-width:2" fill="none"/>
                          <bi-lei-qi color="rgb(240,65,85)" :translate-x="560" :translate-y="246" :rotate="90"></bi-lei-qi>
                          <connect-line
                              :state="Number(pageData['2zb'][0].state_val)"
                              :stateDesc="pageData['2zb'][0].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="395.5"
                              :translate-y="332"
                              :text-translate-y="10"
                              :text-translate-x="-10"
                              :name="pageData['2zb'][0].state_desc"></connect-line>
                          <connect-line
                              :state="Number(pageData['2zb'][1].state_val)"
                              :stateDesc="pageData['2zb'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="475.5"
                              :translate-y="415.5"
                              :text-translate-y="40"
                              :text-translate-x="20"
                              :name="pageData['2zb'][1].state_desc"></connect-line>
                          <!--12-7-->
                          <g transform="translate(270,0)">
                              <line x1="155" y1="185" x2="215" y2="185" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <line x1="185" y1="186" x2="185" y2="219" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <line x1="185" y1="248" x2="185" y2="268" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <circle r="4" cx="185" cy="270" fill="rgb(240,65,85)" :stroke-width="1" stroke="rgb(240,65,85)"></circle>
                              <four-circle color="rgb(240,65,85)" :scale="1" translate-x="60" translate-y="315" :rotate="-90"></four-circle>
                              <bi-lei-qi color="rgb(240,65,85)" :scale="1" translate-x="117" translate-y="315" :rotate="-90"></bi-lei-qi>
                              <connect-line
                                  :state="Number(pageData['110IIM'][0].state_val)"
                                  :stateDesc="pageData['110IIM'][0].state_desc"
                                  :scale="0.6"
                                  :isMainPage="true"
                                  :rotate="-90"
                                  :translate-x="160.5"
                                  :translate-y="245"
                                  :text-translate-y="10"
                                  :text-translate-x="0"
                                  :name="pageData['110IIM'][0].state_desc"></connect-line>
                          </g>
                          <!--                  164-->
                          <g transform="translate(180,0)">
                              <num-screen
                                  name="平回Ⅱ线"
                                  :ftCode="164"
                                  dir="left"
                                  :P="Number(this.pageData['164'][4].state_val)"
                                  :Q="Number(this.pageData['164'][5].state_val)"
                                  :Ia="Number(this.pageData['164'][3].state_val)"
                                  :num-tran-x="220"
                                  :num-tran-y="15"
                              ></num-screen>
                              <polyline points="180,60,185,55,190,60" style="fill: none" stroke-width="2" stroke="rgb(240,65,85)"></polyline>
                              <line x1="185" y1="55" x2="185" y2="115" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <line x1="185" y1="145" x2="185" y2="170" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <line x1="185" y1="194" x2="185" y2="219" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <line x1="185" y1="248" x2="185" y2="268" stroke-width="2" stroke="rgb(240,65,85)"></line>
                              <circle r="4" cx="185" cy="270" fill="rgb(240,65,85)" :stroke-width="1" stroke="rgb(240,65,85)"></circle>
                              <two-circle color="rgb(240,65,85)" :scale="1" translate-x="54"></two-circle>
                              <connect-line
                                  :state="Number(pageData[164][2].state_val)"
                                  :stateDesc="pageData[164][2].state_desc"
                                  :scale="0.6"
                                  :isMainPage="true"
                                  :rotate="-90"
                                  :translate-x="160.5"
                                  :translate-y="142"
                                  :text-translate-y="10"
                                  :text-translate-x="10"
                                  :name="'-'+pageData[164][2].state_desc.split('-')[1]"></connect-line>
                              <rect-svg
                                  :state="Number(pageData[164][0].state_val)"
                                  :stateDesc="pageData[164][0].state_desc"
                                  :rotate="90"
                                  :translate-y="168"
                                  :translate-x="213"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[164][0].is_clear}"
                                  :name="pageData[164][0].state_desc"
                              ></rect-svg>
                              <connect-line
                                  :state="Number(pageData[164][1].state_val)"
                                  :stateDesc="pageData[164][1].state_desc"
                                  :scale="0.6"
                                  :isMainPage="true"
                                  :rotate="-90"
                                  :translate-x="160.5"
                                  :translate-y="245"
                                  :text-translate-y="10"
                                  :text-translate-x="10"
                                  :name="'-'+pageData[164][1].state_desc.split('-')[1]"></connect-line>
                          </g>

                      </g>
                      <!--                  分段-->
                      <g>
                          <g>
                              <line x1="510" y1="270" x2="510" y2="250" stroke-width="2" fill="none" stroke="rgb(240,65,85)"></line>
                              <circle r="4" cx="510" cy="270" fill="rgb(240,65,85)"></circle>
                              <connect-line
                                  :state="Number(pageData['101'][2].state_val)"
                                  :stateDesc="pageData['101'][2].state_desc"
                                  :scale="0.6"
                                  :isMainPage="true"
                                  :rotate="-90"
                                  :translate-x="486"
                                  :translate-y="246"
                                  :text-translate-y="10"
                                  :text-translate-x="10"
                                  :name="'-'+pageData['101'][2].state_desc.split('-')[1]"></connect-line>
                          </g>
                          <g transform="translate(-130,0)">
                              <line x1="510" y1="270" x2="510" y2="250" stroke-width="2" fill="none" stroke="rgb(240,65,85)"></line>
                              <polyline points="510,220,510,190,640,190,640,219" stroke-width="2" fill="none" stroke="rgb(240,65,85)"></polyline>
                              <circle r="4" cx="510" cy="270" fill="rgb(240,65,85)"></circle>
                              <connect-line
                                  :state="Number(pageData['101'][1].state_val)"
                                  :stateDesc="pageData['101'][1].state_desc"
                                  :scale="0.6"
                                  :isMainPage="true"
                                  :rotate="-90"
                                  :translate-x="486"
                                  :translate-y="246"
                                  :text-translate-y="10"
                                  :text-translate-x="10"
                                  :name="'-'+pageData['101'][1].state_desc.split('-')[1]"></connect-line>
                              <rect-svg
                                  :state="Number(pageData[101][0].state_val)"
                                  :stateDesc="pageData[101][0].state_desc"
                                  :rotate="0"
                                  :translate-y="158"
                                  :translate-x="560"
                                  :text-translate-x="2"
                                  :text-translate-y="-4"
                                  :scale="0.8"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[101][0].is_clear}"
                                  :name="pageData[101][0].state_desc"
                              ></rect-svg>
                          </g>
                          <g transform="translate(260,110)">
                              <num-screen
                                  name="分段"
                                  :ftCode="101"
                                  dir="top"
                                  :P="Number(this.pageData['101'][4].state_val)"
                                  :Q="Number(this.pageData['101'][5].state_val)"
                                  :Ia="Number(this.pageData['101'][3].state_val)"
                                  :num-tran-y="-50"
                                  :num-tran-x="10"
                              ></num-screen>
                          </g>
                      </g>
                  </g>
                  <!--35kV-->
                  <g transform="translate(630,20)">
                      <g transform="translate(100,260)">
                          <num-screen
                              name="35kv I母"
                              dir="bottom"
                              :Ua="Number(this.pageData['35IM'][1].state_val)"
                              :Ub="Number(this.pageData['35IM'][2].state_val)"
                              :Uc="Number(this.pageData['35IM'][3].state_val)"
                              :Uab="Number(this.pageData['35IM'][4].state_val)"
                              :Ubc="Number(this.pageData['35IM'][5].state_val)"
                              :Uca="Number(this.pageData['35IM'][6].state_val)"
                              :num-tran-y="-40"
                              :num-tran-x="13"
                              :is-mother="true"
                          ></num-screen>
                      </g>
                      <g transform="translate(870,260)">
                          <num-screen
                              name="35kv II母"
                              dir="bottom"
                              :Ua="Number(this.pageData['35IIM'][1].state_val)"
                              :Ub="Number(this.pageData['35IIM'][2].state_val)"
                              :Uc="Number(this.pageData['35IIM'][3].state_val)"
                              :Uab="Number(this.pageData['35IIM'][4].state_val)"
                              :Ubc="Number(this.pageData['35IIM'][5].state_val)"
                              :Uca="Number(this.pageData['35IIM'][6].state_val)"
                              :num-tran-y="-40"
                              :num-tran-x="13"
                              :is-mother="true"
                          ></num-screen>
                      </g>
                      <main-bus  x1="270" y1="95" x2="960" y2="95"   color="rgb(255,255,0)" :isMainPage="true"></main-bus>
                      <main-bus name="35kV I母" x1="270" y1="270" x2="650" y2="270" stateDesc="110kV I母"  color="rgb(255,255,0)" :isMainPage="true"></main-bus>
                      <main-bus name="35kV II母" x1="680" y1="270" x2="1180" y2="270" stateDesc="110kV I母"  color="rgb(255,255,0)" :isMainPage="true"></main-bus>
                      <g transform="translate(-90,12)">
                          <text x="270" y="20" style="fill: rgb(255,255,255);font-size: 14px;font-weight: bolder">Ia(A)</text>
                          <text x="270" y="40" style="fill: rgb(255,255,255);font-size: 14px;font-weight: bolder">P(MW)</text>
                          <text x="270" y="60" style="fill: rgb(255,255,255);font-size: 14px;font-weight: bolder">Q(MVar)</text>
                      </g>

                      <!--               361 -->
                      <g>
                          <g transform="translate(130,-35)">
                              <num-screen
                                  name="岗舍线"
                                  dir="bottom"
                                  :P="Number(this.pageData['361'][5].state_val)"
                                  :Q="Number(this.pageData['361'][6].state_val)"
                                  :Ia="Number(this.pageData['361'][4].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="70"
                                  :num-tran-x="-30"
                                  :has-unit="false"
                              ></num-screen>
                          </g>
                          <circle r="4" cx="310" cy="270" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="270" x2="310" y2="260" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="310,155,310,145,280,145,280,135" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <line x1="280" y1="105" x2="280" y2="95" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <circle r="4" cx="280" cy="95" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="155" x2="310" y2="80" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="305,85,310,80,315,85" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <connect-line
                              :state="Number(pageData['361'][1].state_val)"
                              :stateDesc="pageData['361'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['361'][1].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[361][0].state_val)"
                              :stateDesc="pageData[361][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[361][0].is_clear}"
                              :name="pageData[361][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['361'][3].state_val)"
                              :stateDesc="pageData['361'][3].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['361'][3].state_desc.split('-')[1]"></connect-line>
                          <connect-line
                              :state="Number(pageData['361'][2].state_val)"
                              :stateDesc="pageData['361'][2].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="256"
                              :translate-y="132"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['361'][2].state_desc.split('-')[1]"></connect-line>
                      </g>
                      <!--                  31-7-->
                      <g transform="translate(550,540) rotate(180)">
                          <line x1="172" y1="185" x2="198" y2="185" stroke-width="2" stroke="rgb(255,255,0)"></line>
                          <line x1="185" y1="186" x2="185" y2="219" stroke-width="2" stroke="rgb(255,255,0)"></line>
                          <line x1="185" y1="248" x2="185" y2="268" stroke-width="2" stroke="rgb(255,255,0)"></line>
                          <circle r="4" cx="185" cy="270" fill="rgb(255,255,0)" :stroke-width="1" stroke="rgb(255,255,0)"></circle>
                          <four-circle color="rgb(255,255,0)" :scale="1" translate-x="77" translate-y="315" :rotate="-90"></four-circle>
                          <bi-lei-qi color="rgb(255,255,0)" :scale="1" translate-x="100" translate-y="315" :rotate="-90"></bi-lei-qi>
                          <connect-line
                              :state="Number(pageData['35IM'][0].state_val)"
                              :stateDesc="pageData['35IM'][0].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="160.5"
                              :translate-y="245"
                              :text-translate-y="35"
                              :text-rotate="-180"
                              :text-translate-x="0"
                              :name="pageData['35IM'][0].state_desc"></connect-line>
                      </g>
                      <!--                  362-->
                      <g transform="translate(75,0)">
                          <g transform="translate(130,-35)">
                              <num-screen
                                  name="回温Ⅰ线"
                                  dir="bottom"
                                  :ft-code="362"
                                  :P="Number(this.pageData['362'][5].state_val)"
                                  :Q="Number(this.pageData['362'][6].state_val)"
                                  :Ia="Number(this.pageData['362'][4].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="70"
                                  :num-tran-x="-30"
                                  :has-unit="false"
                              ></num-screen>
                          </g>
                          <circle r="4" cx="310" cy="270" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="270" x2="310" y2="260" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="310,155,310,145,280,145,280,135" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <line x1="280" y1="105" x2="280" y2="95" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <circle r="4" cx="280" cy="95" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="155" x2="310" y2="80" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="305,85,310,80,315,85" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <connect-line
                              :state="Number(pageData['362'][1].state_val)"
                              :stateDesc="pageData['362'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['362'][1].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[362][0].state_val)"
                              :stateDesc="pageData[362][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[362][0].is_clear}"
                              :name="pageData[362][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['362'][3].state_val)"
                              :stateDesc="pageData['362'][3].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['362'][3].state_desc.split('-')[1]"></connect-line>
                          <connect-line
                              :state="Number(pageData['362'][2].state_val)"
                              :stateDesc="pageData['362'][2].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="256"
                              :translate-y="132"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['362'][2].state_desc.split('-')[1]"></connect-line>
                      </g>
                      <!--                  302-->
                      <g transform="translate(150,0)">
                          <g transform="translate(130,-35)">
                              <num-screen
                                  name="旁母"
                                  dir="bottom"
                                  :ft-code="302"
                                  :P="Number(this.pageData['362'][4].state_val)"
                                  :Q="Number(this.pageData['362'][5].state_val)"
                                  :Ia="Number(this.pageData['362'][3].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="70"
                                  :num-tran-x="-30"
                                  :has-unit="false"
                              ></num-screen>
                          </g>
                          <circle r="4" cx="310" cy="270" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="270" x2="310" y2="260" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="155" x2="310" y2="95" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <circle r="4" cx="310" cy="95" fill="rgb(255,255,0)"></circle>
                          <connect-line
                              :state="Number(pageData['302'][1].state_val)"
                              :stateDesc="pageData['302'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['302'][1].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[302][0].state_val)"
                              :stateDesc="pageData[302][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[302][0].is_clear}"
                              :name="pageData[302][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['302'][2].state_val)"
                              :stateDesc="pageData['302'][2].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['302'][2].state_desc.split('-')[1]"></connect-line>
                      </g>
                      <!--                  363-->
                      <g transform="translate(225,0)">
                          <g transform="translate(130,-35)">
                              <num-screen
                                  name="化肥Ⅰ线"
                                  dir="bottom"
                                  :ft-code="363"
                                  :P="Number(this.pageData['363'][5].state_val)"
                                  :Q="Number(this.pageData['363'][6].state_val)"
                                  :Ia="Number(this.pageData['363'][4].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="70"
                                  :num-tran-x="-30"
                                  :has-unit="false"
                              ></num-screen>
                          </g>
                          <circle r="4" cx="310" cy="270" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="270" x2="310" y2="260" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="310,155,310,145,280,145,280,135" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <line x1="280" y1="105" x2="280" y2="95" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <circle r="4" cx="280" cy="95" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="155" x2="310" y2="80" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="305,85,310,80,315,85" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <connect-line
                              :state="Number(pageData['363'][1].state_val)"
                              :stateDesc="pageData['363'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['363'][1].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[363][0].state_val)"
                              :stateDesc="pageData[363][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[363][0].is_clear}"
                              :name="pageData[363][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['363'][3].state_val)"
                              :stateDesc="pageData['363'][3].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['363'][3].state_desc.split('-')[1]"></connect-line>
                          <connect-line
                              :state="Number(pageData['363'][2].state_val)"
                              :stateDesc="pageData['363'][2].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="256"
                              :translate-y="132"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['363'][2].state_desc.split('-')[1]"></connect-line>
                      </g>
                      <!--                  364-->
                      <g transform="translate(300,0)">
                          <g transform="translate(130,-35)">
                              <num-screen
                                  name="回青线"
                                  dir="bottom"
                                  :ft-code="364"
                                  :P="Number(this.pageData['364'][5].state_val)"
                                  :Q="Number(this.pageData['364'][6].state_val)"
                                  :Ia="Number(this.pageData['364'][4].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="70"
                                  :num-tran-x="-30"
                                  :has-unit="false"
                              ></num-screen>
                          </g>
                          <circle r="4" cx="310" cy="270" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="270" x2="310" y2="260" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="310,155,310,145,280,145,280,135" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <line x1="280" y1="105" x2="280" y2="95" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <circle r="4" cx="280" cy="95" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="155" x2="310" y2="80" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="305,85,310,80,315,85" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <connect-line
                              :state="Number(pageData['364'][1].state_val)"
                              :stateDesc="pageData['364'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['364'][1].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[364][0].state_val)"
                              :stateDesc="pageData[364][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[364][0].is_clear}"
                              :name="pageData[364][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['364'][3].state_val)"
                              :stateDesc="pageData['364'][3].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['364'][3].state_desc.split('-')[1]"></connect-line>
                          <connect-line
                              :state="Number(pageData['364'][2].state_val)"
                              :stateDesc="pageData['364'][2].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="256"
                              :translate-y="132"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['364'][2].state_desc.split('-')[1]"></connect-line>
                      </g>
                      <!--                  301分段-->
                      <g transform="rotate(180) translate(-1140,-540)">
                          <g>
                              <line x1="510" y1="270" x2="510" y2="250" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                              <circle r="4" cx="510" cy="270" fill="rgb(255,255,0)"></circle>
                              <connect-line
                                  :state="Number(pageData['301'][2].state_val)"
                                  :stateDesc="pageData['301'][2].state_desc"
                                  :scale="0.6"
                                  :isMainPage="true"
                                  :rotate="-90"
                                  :translate-x="486"
                                  :translate-y="246"
                                  :text-translate-y="30"
                                  :text-rotate="180"
                                  :text-translate-x="10"
                                  :name="'-'+pageData['301'][2].state_desc.split('-')[1]"></connect-line>
                          </g>
                          <g transform="translate(-130,0)">
                              <line x1="570" y1="270" x2="570" y2="250" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                              <polyline points="570,220,570,190,640,190,640,219" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                              <circle r="4" cx="570" cy="270" fill="rgb(255,255,0)"></circle>
                              <connect-line
                                  :state="Number(pageData['301'][1].state_val)"
                                  :stateDesc="pageData['301'][1].state_desc"
                                  :scale="0.6"
                                  :isMainPage="true"
                                  :rotate="-90"
                                  :translate-x="546"
                                  :translate-y="246"
                                  :text-translate-y="30"
                                  :text-rotate="180"
                                  :text-translate-x="10"
                                  :name="'-'+pageData['301'][1].state_desc.split('-')[1]"></connect-line>
                              <rect-svg
                                  :state="Number(pageData[301][0].state_val)"
                                  :stateDesc="pageData[301][0].state_desc"
                                  :rotate="0"
                                  :translate-y="158"
                                  :translate-x="588"
                                  :text-translate-x="-28"
                                  :scale="0.8"
                                  :text-translate-y="-25"
                                  :text-rotate="180"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[301][0].is_clear}"
                                  :name="pageData[301][0].state_desc"
                              ></rect-svg>
                          </g>
                          <g transform="translate(650,180) rotate(180)">
                              <num-screen
                                  name="分段"
                                  :ftCode="301"
                                  :text-width="70"
                                  dir="bottom"
                                  :P="Number(this.pageData['301'][4].state_val)"
                                  :Q="Number(this.pageData['301'][5].state_val)"
                                  :Ia="Number(this.pageData['301'][3].state_val)"
                                  :num-tran-y="-40"
                                  :num-tran-x="0"
                              ></num-screen>
                          </g>
                      </g>
                      <!--                  365-->
                      <g transform="translate(390,0)">
                          <g transform="translate(130,-35)">
                              <num-screen
                                  name="富山一线"
                                  dir="bottom"
                                  :ft-code="365"
                                  :P="Number(this.pageData['365'][5].state_val)"
                                  :Q="Number(this.pageData['365'][6].state_val)"
                                  :Ia="Number(this.pageData['365'][4].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="70"
                                  :num-tran-x="-30"
                                  :has-unit="false"
                              ></num-screen>
                          </g>
                          <circle r="4" cx="310" cy="270" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="270" x2="310" y2="260" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="310,155,310,145,280,145,280,135" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <line x1="280" y1="105" x2="280" y2="95" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <circle r="4" cx="280" cy="95" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="155" x2="310" y2="80" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="305,85,310,80,315,85" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <connect-line
                              :state="Number(pageData['365'][1].state_val)"
                              :stateDesc="pageData['365'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['365'][1].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[365][0].state_val)"
                              :stateDesc="pageData[365][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[365][0].is_clear}"
                              :name="pageData[365][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['365'][3].state_val)"
                              :stateDesc="pageData['365'][3].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['365'][3].state_desc.split('-')[1]"></connect-line>
                          <connect-line
                              :state="Number(pageData['365'][2].state_val)"
                              :stateDesc="pageData['365'][2].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="256"
                              :translate-y="132"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['365'][2].state_desc.split('-')[1]"></connect-line>
                      </g>
                      <!--                  366-->
                      <g transform="translate(465,0)">
                          <g transform="translate(130,-35)">
                              <num-screen
                                  name="富山二线"
                                  dir="bottom"
                                  :ft-code="366"
                                  :P="Number(this.pageData['366'][5].state_val)"
                                  :Q="Number(this.pageData['366'][6].state_val)"
                                  :Ia="Number(this.pageData['366'][4].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="70"
                                  :num-tran-x="-30"
                                  :has-unit="false"
                              ></num-screen>
                          </g>
                          <circle r="4" cx="310" cy="270" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="270" x2="310" y2="260" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="310,155,310,145,280,145,280,135" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <line x1="280" y1="105" x2="280" y2="95" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <circle r="4" cx="280" cy="95" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="155" x2="310" y2="80" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="305,85,310,80,315,85" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <connect-line
                              :state="Number(pageData['366'][1].state_val)"
                              :stateDesc="pageData['366'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['366'][1].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[366][0].state_val)"
                              :stateDesc="pageData[366][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[366][0].is_clear}"
                              :name="pageData[366][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['366'][3].state_val)"
                              :stateDesc="pageData['366'][3].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['366'][3].state_desc.split('-')[1]"></connect-line>
                          <connect-line
                              :state="Number(pageData['366'][2].state_val)"
                              :stateDesc="pageData['366'][2].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="256"
                              :translate-y="132"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['366'][2].state_desc.split('-')[1]"></connect-line>
                      </g>
                      <!--                  367-->
                      <g transform="translate(540,0)">
                          <g transform="translate(130,-35)">
                              <num-screen
                                  name="九五北线"
                                  dir="bottom"
                                  :ft-code="367"
                                  :P="Number(this.pageData['367'][5].state_val)"
                                  :Q="Number(this.pageData['367'][6].state_val)"
                                  :Ia="Number(this.pageData['367'][4].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="70"
                                  :num-tran-x="-30"
                                  :has-unit="false"
                              ></num-screen>
                          </g>
                          <circle r="4" cx="310" cy="270" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="270" x2="310" y2="260" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="310,155,310,145,280,145,280,135" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <line x1="280" y1="105" x2="280" y2="95" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <circle r="4" cx="280" cy="95" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="155" x2="310" y2="80" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="305,85,310,80,315,85" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <connect-line
                              :state="Number(pageData['367'][1].state_val)"
                              :stateDesc="pageData['367'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['367'][1].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[367][0].state_val)"
                              :stateDesc="pageData[367][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[367][0].is_clear}"
                              :name="pageData[367][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['367'][3].state_val)"
                              :stateDesc="pageData['367'][3].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['367'][3].state_desc.split('-')[1]"></connect-line>
                          <connect-line
                              :state="Number(pageData['367'][2].state_val)"
                              :stateDesc="pageData['367'][2].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="256"
                              :translate-y="132"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['367'][2].state_desc.split('-')[1]"></connect-line>
                      </g>
                      <!--                  368-->
                      <g transform="translate(615,0)">
                          <g transform="translate(130,-35)">
                              <num-screen
                                  name="舍平线"
                                  dir="bottom"
                                  :ft-code="368"
                                  :P="Number(this.pageData['368'][5].state_val)"
                                  :Q="Number(this.pageData['368'][6].state_val)"
                                  :Ia="Number(this.pageData['368'][4].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="70"
                                  :num-tran-x="-30"
                                  :has-unit="false"
                              ></num-screen>
                          </g>
                          <circle r="4" cx="310" cy="270" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="270" x2="310" y2="260" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="310,155,310,145,280,145,280,135" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <line x1="280" y1="105" x2="280" y2="95" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <circle r="4" cx="280" cy="95" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="155" x2="310" y2="80" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="305,85,310,80,315,85" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <connect-line
                              :state="Number(pageData['368'][1].state_val)"
                              :stateDesc="pageData['368'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['368'][1].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[368][0].state_val)"
                              :stateDesc="pageData[368][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[368][0].is_clear}"
                              :name="pageData[368][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['368'][3].state_val)"
                              :stateDesc="pageData['368'][3].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['368'][3].state_desc.split('-')[1]"></connect-line>
                          <connect-line
                              :state="Number(pageData['368'][2].state_val)"
                              :stateDesc="pageData['368'][2].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="256"
                              :translate-y="132"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['368'][2].state_desc.split('-')[1]"></connect-line>
                      </g>
                      <!--                  369-->
                      <g transform="translate(680,0)">
                          <g transform="translate(130,-35)">
                              <num-screen
                                  name="县水泥线"
                                  dir="bottom"
                                  :ft-code="369"
                                  :P="Number(this.pageData['369'][4].state_val)"
                                  :Q="Number(this.pageData['369'][5].state_val)"
                                  :Ia="Number(this.pageData['369'][3].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="70"
                                  :num-tran-x="-30"
                                  :has-unit="false"
                              ></num-screen>
                          </g>
                          <circle r="4" cx="310" cy="270" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="270" x2="310" y2="260" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="155" x2="310" y2="80" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="305,85,310,80,315,85" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <connect-line
                              :state="Number(pageData['369'][1].state_val)"
                              :stateDesc="pageData['369'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['369'][1].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[369][0].state_val)"
                              :stateDesc="pageData[369][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[369][0].is_clear}"
                              :name="pageData[369][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['369'][2].state_val)"
                              :stateDesc="pageData['369'][2].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['369'][2].state_desc.split('-')[1]"></connect-line>
                      </g>
                      <!--                  371-->
                      <g transform="translate(755,0)">
                          <g transform="translate(130,-35)">
                              <num-screen
                                  name="回温Ⅱ线"
                                  dir="bottom"
                                  :ft-code="371"
                                  :P="Number(this.pageData['371'][4].state_val)"
                                  :Q="Number(this.pageData['371'][5].state_val)"
                                  :Ia="Number(this.pageData['371'][3].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="70"
                                  :num-tran-x="-30"
                                  :has-unit="false"
                              ></num-screen>
                          </g>
                          <circle r="4" cx="310" cy="270" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="270" x2="310" y2="260" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="155" x2="310" y2="80" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="305,85,310,80,315,85" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <connect-line
                              :state="Number(pageData['371'][1].state_val)"
                              :stateDesc="pageData['371'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['371'][1].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[371][0].state_val)"
                              :stateDesc="pageData[371][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[371][0].is_clear}"
                              :name="pageData[371][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['371'][2].state_val)"
                              :stateDesc="pageData['371'][2].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['371'][2].state_desc.split('-')[1]"></connect-line>
                      </g>
                      <!--                  372-->
                      <g transform="translate(830,0)">
                          <g transform="translate(130,-35)">
                              <num-screen
                                  name="回电线"
                                  dir="bottom"
                                  :ft-code="372"
                                  :P="Number(this.pageData['372'][5].state_val)"
                                  :Q="Number(this.pageData['372'][6].state_val)"
                                  :Ia="Number(this.pageData['372'][4].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="70"
                                  :num-tran-x="-30"
                                  :has-unit="false"
                              ></num-screen>
                          </g>
                          <circle r="4" cx="310" cy="270" fill="rgb(255,255,0)"></circle>
                          <line x1="310" y1="270" x2="310" y2="260" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="155" x2="310" y2="80" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <polyline points="305,85,310,80,315,85" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <line x1="310" y1="225" x2="325" y2="225" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="190" x2="325" y2="190" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="145" x2="325" y2="145" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <terminal-svg
                              :state="Number(pageData[372][1].state_val)"
                              :stateDesc="pageData[372][1].state_desc"
                              :name="'-'+pageData[372][1].state_desc.split('-')[1]"
                              :isMainPage="true"
                              :scale=0.7
                              :translate-x="371"
                              :translate-y="207"
                              :text-translate-y="-6"
                              :text-translate-x="0"
                              :rotate="90"
                          ></terminal-svg>
                          <terminal-svg
                              :state="Number(pageData[372][2].state_val)"
                              :stateDesc="pageData[372][2].state_desc"
                              :name="'-'+pageData[372][2].state_desc.split('-')[1]"
                              :isMainPage="true"
                              :scale=0.7
                              :translate-x="371"
                              :translate-y="172"
                              :text-translate-y="-6"
                              :text-translate-x="0"
                              :rotate="90"
                          ></terminal-svg>
                          <terminal-svg
                              :state="Number(pageData[372][3].state_val)"
                              :stateDesc="pageData[372][3].state_desc"
                              :name="'-'+pageData[372][3].state_desc.split('-')[1]"
                              :isMainPage="true"
                              :scale=0.7
                              :translate-x="371"
                              :translate-y="127"
                              :text-translate-y="-6"
                              :text-translate-x="0"
                              :rotate="90"
                          ></terminal-svg>
                          <connect-line
                              :state="Number(pageData['372'][7].state_val)"
                              :stateDesc="pageData['372'][7].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['372'][7].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[372][0].state_val)"
                              :stateDesc="pageData[372][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[372][0].is_clear}"
                              :name="pageData[372][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['372'][8].state_val)"
                              :stateDesc="pageData['372'][8].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['372'][8].state_desc.split('-')[1]"></connect-line>
                      </g>
<!--                      32-7-->
                      <g transform="translate(1350,540) rotate(180)">
                          <line x1="172" y1="185" x2="198" y2="185" stroke-width="2" stroke="rgb(255,255,0)"></line>
                          <line x1="185" y1="186" x2="185" y2="219" stroke-width="2" stroke="rgb(255,255,0)"></line>
                          <line x1="185" y1="248" x2="185" y2="268" stroke-width="2" stroke="rgb(255,255,0)"></line>
                          <circle r="4" cx="185" cy="270" fill="rgb(255,255,0)" :stroke-width="1" stroke="rgb(255,255,0)"></circle>
                          <four-circle color="rgb(255,255,0)" :scale="1" translate-x="77" translate-y="315" :rotate="-90"></four-circle>
                          <bi-lei-qi color="rgb(255,255,0)" :scale="1" translate-x="100" translate-y="315" :rotate="-90"></bi-lei-qi>
                          <connect-line
                              :state="Number(pageData['35IIM'][0].state_val)"
                              :stateDesc="pageData['35IIM'][0].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="160.5"
                              :translate-y="245"
                              :text-translate-y="35"
                              :text-rotate="-180"
                              :text-translate-x="0"
                              :name="pageData['35IIM'][0].state_desc"></connect-line>
                      </g>
<!--                      312-->
                      <g transform="translate(660,125)">
                          <g transform="translate(30,150)">
                              <num-screen
                                  name="#2主变中压侧"
                                  dir="bottom"
                                  :ft-code="312"
                                  :P="Number(this.pageData['312'][4].state_val)"
                                  :Q="Number(this.pageData['312'][5].state_val)"
                                  :Ia="Number(this.pageData['312'][3].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="90"
                                  :num-tran-x="10"
                              ></num-screen>
                          </g>
                          <polyline points="310,260,310,350,-664,350,-664,265"  stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="155" x2="310" y2="145" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <circle r="4" cx="310" cy="145" fill="rgb(255,255,0)"></circle>
                          <connect-line
                              :state="Number(pageData['312'][2].state_val)"
                              :stateDesc="pageData['312'][2].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['312'][2].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[312][0].state_val)"
                              :stateDesc="pageData[312][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[312][0].is_clear}"
                              :name="pageData[312][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['312'][1].state_val)"
                              :stateDesc="pageData['312'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['312'][1].state_desc.split('-')[1]"></connect-line>
                      </g>
<!--                      311-->
                      <g transform="translate(280,125)">
                          <g transform="translate(30,150)">
                              <num-screen
                                  name="#1主变中压侧"
                                  dir="bottom"
                                  :ft-code="311"
                                  :P="Number(this.pageData['311'][4].state_val)"
                                  :Q="Number(this.pageData['311'][5].state_val)"
                                  :Ia="Number(this.pageData['311'][3].state_val)"
                                  :num-tran-y="-40"
                                  :text-width="90"
                                  :num-tran-x="10"
                              ></num-screen>
                          </g>
                          <polyline points="310,260,310,365,-694,365,-694,265"  stroke-width="2" fill="none" stroke="rgb(255,255,0)"></polyline>
                          <line x1="310" y1="230" x2="310" y2="220" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="195" x2="310" y2="185" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <line x1="310" y1="155" x2="310" y2="145" stroke-width="2" fill="none" stroke="rgb(255,255,0)"></line>
                          <circle r="4" cx="310" cy="145" fill="rgb(255,255,0)"></circle>
                          <connect-line
                              :state="Number(pageData['311'][2].state_val)"
                              :stateDesc="pageData['311'][2].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="256"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['311'][2].state_desc.split('-')[1]"></connect-line>
                          <rect-svg
                              :state="Number(pageData[311][0].state_val)"
                              :stateDesc="pageData[311][0].state_desc"
                              :rotate="90"
                              :translate-y="193"
                              :translate-x="338"
                              :text-translate-x="-40"
                              :text-translate-y="-4"
                              :scale="0.7"
                              :isMainPage="true"
                              :itemObj="{is_clear:pageData[311][0].is_clear}"
                              :name="pageData[311][0].state_desc"
                          ></rect-svg>
                          <connect-line
                              :state="Number(pageData['311'][1].state_val)"
                              :stateDesc="pageData['311'][1].state_desc"
                              :scale="0.6"
                              :isMainPage="true"
                              :rotate="-90"
                              :translate-x="286"
                              :translate-y="182"
                              :text-translate-y="10"
                              :text-translate-x="10"
                              :name="'-'+pageData['311'][1].state_desc.split('-')[1]"></connect-line>
                      </g>
                  </g>
<!--                  10kv-->
                  <g>
<!--                      10kv I母-->
                      <g transform="translate(50,822)">
                          <text x="-20" y="-20" fill="#fff" font-size="14" font-weight="bold">Ia(A)</text>
                          <text x="-20" y="0" fill="#fff" font-size="14" font-weight="bold">P(MW)</text>
                          <text x="-20" y="20" fill="#fff" font-size="14" font-weight="bold">Q(MVar)</text>
                      </g>
                      <g transform="translate(-190,280)">
                      <main-bus name="10kV I母" x1="200" y1="270" x2="1150" y2="270" stateDesc="10kV I母"  color="rgb(0,210,0)" :isMainPage="true"></main-bus>
                      <main-bus name="10kV II母" x1="1185" y1="270" x2="2050" y2="270" stateDesc="10kV II母"  color="rgb(0,210,0)" :isMainPage="true"></main-bus>
                      <polyline points="435,130,435,250,230,250,230,270" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                      <polyline points="845,130,845,250,1910,250,1910,270" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                          <g transform="translate(70,185)">
                          <num-screen
                              name="10kv I母"
                              ftCode=""
                              dir="bottom"
                              :Ua="Number(this.pageData['10IM'][1].state_val)"
                              :Ub="Number(this.pageData['10IM'][2].state_val)"
                              :Uc="Number(this.pageData['10IM'][3].state_val)"
                              :Uab="Number(this.pageData['10IM'][4].state_val)"
                              :Ubc="Number(this.pageData['10IM'][5].state_val)"
                              :Uca="Number(this.pageData['10IM'][6].state_val)"
                              :num-tran-y="-200"
                              :num-tran-x="10"
                              :is-mother="true"
                          ></num-screen>
                      </g>
                          <g transform="translate(1410,200)">
                              <num-screen
                                  name="10kv II母"
                                  ftCode=""
                                  dir="bottom"
                                  :Ua="Number(this.pageData['10IIM'][1].state_val)"
                                  :Ub="Number(this.pageData['10IIM'][2].state_val)"
                                  :Uc="Number(this.pageData['10IIM'][3].state_val)"
                                  :Uab="Number(this.pageData['10IIM'][4].state_val)"
                                  :Ubc="Number(this.pageData['10IIM'][5].state_val)"
                                  :Uca="Number(this.pageData['10IIM'][6].state_val)"
                                  :num-tran-y="-200"
                                  :num-tran-x="10"
                                  :is-mother="true"
                              ></num-screen>
                          </g>
<!--                          511-->
                          <g>
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[511][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="28.5"
                              ></shou-che-svg>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[511][2]"
                                  :rotate="90" :translate-x="325" :translate-y="315" :title-x="-83" :title-y="40" :single="true"
                                  :name="pageData[511][2].state_desc"
                                  :sc-gap="28.5"
                              ></shou-che-svg>
                              <circle r="4" cx="284.5" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="284.5" y1="272.5" x2="284.5" y2="294.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="284.5" y1="314.5" x2="284.5" y2="369.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="369.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,389,230.5,399,285,399,285,389" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[511][0].state_val)"
                                  :stateDesc="pageData[511][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[511][0].is_clear}"
                                  :name="pageData[511][0].state_desc"
                              ></rect-svg>
                          </g>
<!--                          515-->
                          <g transform="translate(120,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[515][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[515][0].state_val)"
                                  :stateDesc="pageData[515][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[515][0].is_clear}"
                                  :name="pageData[515][0].state_desc"
                              ></rect-svg>
                              
                              <line x1="230.5" y1="410.5" x2="230.5" y2="420.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                                  <zhanyongbian
                                      :scale=0.7
                                      :translate-x="1518"
                                      :translate-y="726"
                                      :rotate="180"
                                      :color_1="'rgb(0,210,0)'"
                                      color="rgb(240,180,140)"
                                  ></zhanyongbian>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="站用变"
                                      dir="bottom"
                                      :ft-code="372"
                                      :P="Number(this.pageData['515'][4].state_val)"
                                      :Q="Number(this.pageData['515'][5].state_val)"
                                      :Ia="Number(this.pageData['515'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          510-->
                          <g transform="translate(195,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[510][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[510][0].state_val)"
                                  :stateDesc="pageData[510][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[510][0].is_clear}"
                                  :name="pageData[510][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[510][2].state_val)"
                                  :stateDesc="pageData[510][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="420.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                             <dianrongqi :translate-x="-1610" :translate-y="-8" color="rgb(0,210,0)"></dianrongqi>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="1#电容器"
                                      dir="bottom"
                                      :P="null"
                                      :Q="Number(this.pageData['510'][5].state_val)"
                                      :Ia="Number(this.pageData['510'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          520-->
                          <g transform="translate(270,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[520][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[520][0].state_val)"
                                  :stateDesc="pageData[520][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[520][0].is_clear}"
                                  :name="pageData[520][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[520][2].state_val)"
                                  :stateDesc="pageData[520][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="420.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <dianrongqi :translate-x="-1610" :translate-y="-8" color="rgb(0,210,0)"></dianrongqi>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="2#电容器"
                                      dir="bottom"
                                      :P="null"
                                      :Q="Number(this.pageData['520'][5].state_val)"
                                      :Ia="Number(this.pageData['520'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          561-->
                          <g transform="translate(345,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[561][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[561][0].state_val)"
                                  :stateDesc="pageData[561][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[561][0].is_clear}"
                                  :name="pageData[561][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[561][2].state_val)"
                                  :stateDesc="pageData[561][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="回岗线"
                                      :ft-code="561"
                                      dir="bottom"
                                      :P="Number(this.pageData['561'][4].state_val)"
                                      :Q="Number(this.pageData['561'][5].state_val)"
                                      :Ia="Number(this.pageData['561'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          562-->
                          <g transform="translate(420,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[562][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[562][0].state_val)"
                                  :stateDesc="pageData[562][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[562][0].is_clear}"
                                  :name="pageData[562][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[562][2].state_val)"
                                  :stateDesc="pageData[562][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="马农线"
                                      :ft-code="561"
                                      dir="bottom"
                                      :P="Number(this.pageData['562'][4].state_val)"
                                      :Q="Number(this.pageData['562'][5].state_val)"
                                      :Ia="Number(this.pageData['562'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          563-->
                          <g transform="translate(495,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[563][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[563][0].state_val)"
                                  :stateDesc="pageData[563][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[563][0].is_clear}"
                                  :name="pageData[563][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[563][2].state_val)"
                                  :stateDesc="pageData[563][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="备用"
                                      :ft-code="563"
                                      dir="bottom"
                                      :P="Number(this.pageData['563'][4].state_val)"
                                      :Q="Number(this.pageData['563'][5].state_val)"
                                      :Ia="Number(this.pageData['563'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          564-->
                          <g transform="translate(570,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[564][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[564][0].state_val)"
                                  :stateDesc="pageData[564][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[564][0].is_clear}"
                                  :name="pageData[564][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[564][2].state_val)"
                                  :stateDesc="pageData[564][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="西回舍线"
                                      :ft-code="564"
                                      dir="bottom"
                                      :P="Number(this.pageData['564'][4].state_val)"
                                      :Q="Number(this.pageData['564'][5].state_val)"
                                      :Ia="Number(this.pageData['564'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          565-->
                          <g transform="translate(645,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[565][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[565][0].state_val)"
                                  :stateDesc="pageData[565][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[565][0].is_clear}"
                                  :name="pageData[565][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[565][2].state_val)"
                                  :stateDesc="pageData[565][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="陶瓷线"
                                      :ft-code="565"
                                      dir="bottom"
                                      :P="Number(this.pageData['565'][4].state_val)"
                                      :Q="Number(this.pageData['565'][5].state_val)"
                                      :Ia="Number(this.pageData['565'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          566-->
                          <g transform="translate(720,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[566][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[566][0].state_val)"
                                  :stateDesc="pageData[566][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[566][0].is_clear}"
                                  :name="pageData[566][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[566][2].state_val)"
                                  :stateDesc="pageData[566][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="工院线"
                                      :ft-code="566"
                                      dir="bottom"
                                      :P="Number(this.pageData['566'][4].state_val)"
                                      :Q="Number(this.pageData['566'][5].state_val)"
                                      :Ia="Number(this.pageData['566'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          568-->
                          <g transform="translate(795,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[568][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[568][0].state_val)"
                                  :stateDesc="pageData[568][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[568][0].is_clear}"
                                  :name="pageData[568][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[568][2].state_val)"
                                  :stateDesc="pageData[568][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="回工线"
                                      :ft-code="568"
                                      dir="bottom"
                                      :P="Number(this.pageData['568'][4].state_val)"
                                      :Q="Number(this.pageData['568'][5].state_val)"
                                      :Ia="Number(this.pageData['568'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          PT分图-->
                          <g transform="translate(1274,540) rotate(180)">
                              <text x="-230" y="-200" fill="#fff" transform="rotate(-180)">51-7</text>
                              <line x1="172" y1="185" x2="198" y2="185" stroke-width="2" stroke="rgb(0,210,0)"></line>
                              <line x1="185" y1="186" x2="185" y2="229" stroke-width="2" stroke="rgb(0,210,0)"></line>
                              <line x1="185" y1="248" x2="185" y2="268" stroke-width="2" stroke="rgb(0,210,0)"></line>
                              <circle r="4" cx="185" cy="270" fill="rgb(0,210,0)" :stroke-width="1" stroke="rgb(0,210,0)"></circle>
                              <four-circle color="rgb(0,210,0)" :scale="1" translate-x="77" translate-y="315" :rotate="-90"></four-circle>
                              <bi-lei-qi color="rgb(0,210,0)" :scale="1" translate-x="100" translate-y="315" :rotate="-90"></bi-lei-qi>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData['10IM'][0]"
                                  :rotate="-90" :translate-x="145" :translate-y="228" :title-x="-25" :title-y="-10" :single="true"
                                  :half="true"
                              ></shou-che-svg>
                              <g transform="translate(354,85) rotate(-180)">
                                  <num-screen
                                      name="PT分图"
                                      dir="bottom"
                                      :P="null"
                                      :Q="null"
                                      :Ia="null"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          501-->
                          <g transform="translate(911,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[501][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="28.5"
                              ></shou-che-svg>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[501][1]"
                                  :rotate="90" :translate-x="325" :translate-y="315" :title-x="-83" :title-y="40" :single="true"
                                  :name="pageData[501][1].state_desc"
                                  :sc-gap="28.5"
                              ></shou-che-svg>
                              <circle r="4" cx="284.5" cy="270" fill="rgb(0,210,0)"></circle>
                              <circle r="4" cx="230.5" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="284.5" y1="272.5" x2="284.5" y2="294.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="284.5" y1="314.5" x2="284.5" y2="369.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="369.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,389,230.5,399,285,399,285,389" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[501][0].state_val)"
                                  :stateDesc="pageData[501][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[501][0].is_clear}"
                                  :name="pageData[501][0].state_desc"
                              ></rect-svg>
                              <g transform="translate(84,455)">
                                  <num-screen
                                      name="分段"
                                      :ft-code="501"
                                      dir="bottom"
                                      :P="Number(this.pageData['568'][4].state_val)"
                                      :Q="Number(this.pageData['568'][5].state_val)"
                                      :Ia="Number(this.pageData['568'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          569-->
                          <g transform="translate(1020,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[569][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[569][0].state_val)"
                                  :stateDesc="pageData[569][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[569][0].is_clear}"
                                  :name="pageData[569][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[569][2].state_val)"
                                  :stateDesc="pageData[569][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="回农线"
                                      :ft-code="569"
                                      dir="bottom"
                                      :P="Number(this.pageData['569'][4].state_val)"
                                      :Q="Number(this.pageData['569'][5].state_val)"
                                      :Ia="Number(this.pageData['569'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          571-->
                          <g transform="translate(1095,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[571][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[571][0].state_val)"
                                  :stateDesc="pageData[571][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[571][0].is_clear}"
                                  :name="pageData[571][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[571][2].state_val)"
                                  :stateDesc="pageData[571][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="军工线"
                                      :ft-code="571"
                                      dir="bottom"
                                      :P="Number(this.pageData['571'][4].state_val)"
                                      :Q="Number(this.pageData['571'][5].state_val)"
                                      :Ia="Number(this.pageData['571'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          572-->
                          <g transform="translate(1170,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[572][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[572][0].state_val)"
                                  :stateDesc="pageData[572][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[572][0].is_clear}"
                                  :name="pageData[572][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[572][2].state_val)"
                                  :stateDesc="pageData[572][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="西冶线"
                                      :ft-code="572"
                                      dir="bottom"
                                      :P="Number(this.pageData['572'][4].state_val)"
                                      :Q="Number(this.pageData['572'][5].state_val)"
                                      :Ia="Number(this.pageData['572'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          573-->
                          <g transform="translate(1245,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[573][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[573][0].state_val)"
                                  :stateDesc="pageData[573][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[573][0].is_clear}"
                                  :name="pageData[573][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[573][2].state_val)"
                                  :stateDesc="pageData[573][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="铁路线"
                                      :ft-code="573"
                                      dir="bottom"
                                      :P="Number(this.pageData['573'][4].state_val)"
                                      :Q="Number(this.pageData['573'][5].state_val)"
                                      :Ia="Number(this.pageData['573'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          574-->
                          <g transform="translate(1320,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[574][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[574][0].state_val)"
                                  :stateDesc="pageData[574][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[574][0].is_clear}"
                                  :name="pageData[574][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[574][2].state_val)"
                                  :stateDesc="pageData[574][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="水泥线"
                                      :ft-code="574"
                                      dir="bottom"
                                      :P="Number(this.pageData['574'][4].state_val)"
                                      :Q="Number(this.pageData['574'][5].state_val)"
                                      :Ia="Number(this.pageData['574'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          575-->
                          <g transform="translate(1395,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[575][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[575][0].state_val)"
                                  :stateDesc="pageData[575][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[575][0].is_clear}"
                                  :name="pageData[575][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[575][2].state_val)"
                                  :stateDesc="pageData[575][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="回马线"
                                      :ft-code="575"
                                      dir="bottom"
                                      :P="Number(this.pageData['575'][4].state_val)"
                                      :Q="Number(this.pageData['575'][5].state_val)"
                                      :Ia="Number(this.pageData['575'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          576-->
                          <g transform="translate(1470,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[576][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[576][0].state_val)"
                                  :stateDesc="pageData[576][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[576][0].is_clear}"
                                  :name="pageData[576][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[576][2].state_val)"
                                  :stateDesc="pageData[576][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="450.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="225.5,445.5,230.5,450.5,235.5,445.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="富力线"
                                      :ft-code="576"
                                      dir="bottom"
                                      :P="Number(this.pageData['576'][4].state_val)"
                                      :Q="Number(this.pageData['576'][5].state_val)"
                                      :Ia="Number(this.pageData['576'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          530-->
                          <g transform="translate(1545,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[530][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[530][0].state_val)"
                                  :stateDesc="pageData[530][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[530][0].is_clear}"
                                  :name="pageData[530][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[530][2].state_val)"
                                  :stateDesc="pageData[530][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="420.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <dianrongqi :translate-x="-1610" :translate-y="-8" color="rgb(0,210,0)"></dianrongqi>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="3#电容器"
                                      dir="bottom"
                                      :P="null"
                                      :Q="Number(this.pageData['530'][5].state_val)"
                                      :Ia="Number(this.pageData['530'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          540-->
                          <g transform="translate(1620,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[540][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="50"
                              ></shou-che-svg>
                              <circle r="4" cx="230" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="390" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,370,200.5,370,200.5,380" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[540][0].state_val)"
                                  :stateDesc="pageData[540][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[540][0].is_clear}"
                                  :name="pageData[540][0].state_desc"
                              ></rect-svg>
                              <terminal-svg
                                  :state="Number(pageData[540][2].state_val)"
                                  :stateDesc="pageData[540][2].state_desc"
                                  name=""
                                  :isMainPage="true"
                                  :scale=0.7
                                  :translate-x="218"
                                  :translate-y="427"
                                  :text-translate-y="-6"
                                  :text-translate-x="0"
                                  :rotate="180"
                              ></terminal-svg>
                              <line x1="230.5" y1="410.5" x2="230.5" y2="420.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <dianrongqi :translate-x="-1610" :translate-y="-8" color="rgb(0,210,0)"></dianrongqi>
                              <g transform="translate(50,455)">
                                  <num-screen
                                      name="4#电容器"
                                      dir="bottom"
                                      :P="null"
                                      :Q="Number(this.pageData['540'][5].state_val)"
                                      :Ia="Number(this.pageData['540'][3].state_val)"
                                      :num-tran-y="-40"
                                      :text-width="70"
                                      :num-tran-x="-30"
                                      :has-unit="false"
                                  ></num-screen>
                              </g>
                          </g>
<!--                          512-->
                          <g  transform="translate(1680,0)">
                              <line x1="230" y1="270" x2="230" y2="295" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[512][1]"
                                  :rotate="90" :translate-x="271" :translate-y="315" :title-x="-25" :title-y="-10" :single="true"
                                  :sc-gap="28.5"
                              ></shou-che-svg>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData[512][1]"
                                  :rotate="90" :translate-x="325" :translate-y="315" :title-x="-83" :title-y="40" :single="true"
                                  :name="pageData[512][1].state_desc"
                                  :sc-gap="28.5"
                              ></shou-che-svg>
                              <circle r="4" cx="284.5" cy="270" fill="rgb(0,210,0)"></circle>
                              <line x1="284.5" y1="272.5" x2="284.5" y2="294.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="284.5" y1="314.5" x2="284.5" y2="369.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="314.5" x2="230.5" y2="334.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <line x1="230.5" y1="359.5" x2="230.5" y2="369.5" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></line>
                              <polyline points="230.5,389,230.5,399,285,399,285,389" stroke-width="2" fill="none" stroke="rgb(0,210,0)"></polyline>
                              <rect-svg
                                  :state="Number(pageData[512][0].state_val)"
                                  :stateDesc="pageData[512][0].state_desc"
                                  :rotate="90"
                                  :translate-y="334"
                                  :translate-x="259"
                                  :text-translate-x="-40"
                                  :text-translate-y="-4"
                                  :scale="0.7"
                                  :isMainPage="true"
                                  :itemObj="{is_clear:pageData[512][0].is_clear}"
                                  :name="pageData[512][0].state_desc"
                              ></rect-svg>
                          </g>
<!--                          52-7-->
                          <g transform="translate(2200,540) rotate(180)">
                              <text x="-220" y="-200" fill="#fff" transform="rotate(-180)">52-7</text>
                              <line x1="172" y1="185" x2="198" y2="185" stroke-width="2" stroke="rgb(0,210,0)"></line>
                              <line x1="185" y1="186" x2="185" y2="229" stroke-width="2" stroke="rgb(0,210,0)"></line>
                              <line x1="185" y1="248" x2="185" y2="268" stroke-width="2" stroke="rgb(0,210,0)"></line>
                              <circle r="4" cx="185" cy="270" fill="rgb(0,210,0)" :stroke-width="1" stroke="rgb(0,210,0)"></circle>
                              <four-circle color="rgb(0,210,0)" :scale="1" translate-x="77" translate-y="315" :rotate="-90"></four-circle>
                              <bi-lei-qi color="rgb(0,210,0)" :scale="1" translate-x="100" translate-y="315" :rotate="-90"></bi-lei-qi>
                              <shou-che-svg
                                  :shou-che-data-obj="pageData['10IIM'][0]"
                                  :rotate="-90" :translate-x="145" :translate-y="228" :title-x="-25" :title-y="-10" :single="true"
                                  :half="true"
                              ></shou-che-svg>
                          </g>
                  </g>
                  </g>

                </g>

          </svg>
      </div>
    </div>
    <el-dialog title="教案初始化" :visible.sync="newJiaoAnDialog" width="40rem" 	custom-class="switchPatrolDialog" :close-on-press-escape="true"
               :close-on-click-modal="true" 	@close="closeJiaoAn">
      <el-form :model="form">
        <el-form-item label="教案名称" label-width="8rem">
          <el-input v-model="form.name" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="工况文件" label-width="8rem">
          <el-select v-model="form.region" placeholder="请选择工况文件">
            <el-option  v-for="(item,index) in form.gKList" :key="index" :label=item.name :value=item.id></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="教案描述" label-width="8rem">
          <el-input
            type="textarea"
            :rows="2"
            placeholder="请输入内容"
            v-model="form.desc">
          </el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="newJiaoAn">教案入库</el-button>
        <el-button type="primary" @click="clearNewData">取消</el-button>
      </div>
    </el-dialog>
    <load-jiao-an :loadJiaoAn="loadJiaoAn" @DialogClose="closeJiaoAn"></load-jiao-an>
    <remove-jiao-an :removeJiaoAn="removeJiaoAn" @DialogClose="closeJiaoAn"></remove-jiao-an>
    <start-handle :startHandle="startHandle" @DialogClose="closeHandle" @showAddJiaoAn="showAddJiaoAn"></start-handle>
    <sys-gong-kuang :sysGongKuang="sysGongKuang" @DialogClose="closeJiaoAn"></sys-gong-kuang>
    <el-dialog ref="operateRecordDialogRef" custom-class="operateRecordDialog" :modal="false" :close-on-click-modal="false" v-if="operationRecordsDialogVisible" :visible.sync="operationRecordsDialogVisible" v-dialogDrag:{dialogDrag}="true" width="35%">
      <p slot="title" class="el-dialog__title">操作记录</p>
      <div class="messageAlarmList">
        <el-table :data="operationRecordsData" width="100%" height="250" >
          <el-table-column prop="num" label="序号" width="85" header-align="center" align="center" >
            <template #default="{row}">
              <span :class="{'is-highlight': !!row.isHighlight}">{{row.num}}</span>
            </template>
          </el-table-column>
          <el-table-column prop="createTime" label="操作时间" width="160" header-align="center" align="center" >
            <template #default="{row}">
              <span :class="{'is-highlight': !!row.isHighlight}">{{row.createTime}}</span>
            </template>
          </el-table-column>
          <el-table-column prop="log_desc" label="操作描述" header-align="center" >
            <template #default="{row}">
              <span :class="{'is-highlight': !!row.isHighlight}">{{row.log_desc}}</span>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import ScaleBox from "@/components/ScaleBox/ScaleBox.vue";
import MonitorHeader from "@/components/MonitorHeader/MonitorHeader.vue";
import SysGongKuang from "@/components/JA/sysGongKuang.vue";
import StartHandle from "@/components/JA/startHandle.vue";
import RemoveJiaoAn from "@/components/JA/removeJiaoAn.vue";
import LoadJiaoAn from "@/components/JA/loadJiaoAn.vue";
import { getOperateRecord, saveJAn, submitOperateRecord } from "@/api/api";
import { EventBus } from "@/tools/bus";
import NumScreen from "@/components/controls/numScreen.vue";
import BiLeiQi from "@/components/controls/biLeiQi.vue";
import XianQuan from "@/components/controls/xianquan.vue";
import { wsSend } from "@/tools/sendMessage";
import TerminalSvg from "@/components/controls/terminal-svg.vue";
import ConnectLine from "@/components/controls/connect-line.vue";
import RectSvg from "@/components/controls/rect-svg.vue";
import MainBus from "@/components/controls/mainBus.vue";
import DianLiuHuGanQi from "@/components/controls/dianLiuHuGanQi.vue";
import Jiedi from "@/components/controls/jiedi.vue";
import ShouCheSvg from "@/components/controls/shou-che-svg.vue";
import Zhanyongbian from "@/components/controls/zhanyongbian.vue";
import FourCircle from "@/components/controls/fourCircle.vue";
import DianKangQi from "@/components/controls/dianKangQi.vue";
import TwoCircle from "@/components/controls/twoCricle.vue";
import Dianrongqi from "@/components/controls/dianrongqi.vue";


export default {
  name: "mainPage",
  components: {
      Dianrongqi,
      TwoCircle,
    DianKangQi,
    FourCircle,
    Zhanyongbian,
    ShouCheSvg,
    Jiedi,
    DianLiuHuGanQi,
    MainBus,
    RectSvg,
    ConnectLine,
    TerminalSvg,
    XianQuan,
    BiLeiQi,
    NumScreen,
    LoadJiaoAn,
    RemoveJiaoAn,
    StartHandle,
    SysGongKuang,
    MonitorHeader,
    ScaleBox
  },
  data() {
    return {
      operationRecordsDialogVisible:false,
      operationRecordsData:[],
      jiaoAnValue: [],
      pageData:null,
        jiaoAnOptions_1:[],
      jiaoAnOptions: [{
        value: '生成教案',
        label: '生成教案',

      }, {
        value: '加载教案',
        label: '加载教案',
      },
        {
          value: '删除教案',
          label: '删除教案',
        },{
          value: '录制教案',
          label: '录制教案',
          children: [{
            value: '开始记录操作到教案完全记录',
            label: '开始记录操作到教案完全记录'
          }, {
            value: '结束记录操作到教案完全结束',
            label: '结束记录操作到教案完全结束'
          },]
        }],
      form: {
        name: '',
        gKList: [],
        region:'',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: '',
      },
      gongkuangValue:[],
      newJiaoAnDialog: false,
      gongKuangOptions: [{
        value: '系统工况',
        label: '系统工况',
      }],
      loadJiaoAn:false,
      //删除教案
      removeJiaoAn:false,
      //
      startHandle:false,
      //工况
      sysGongKuang:false,
    }
  },
  watch: {
    watch: {
      newJiaoAnDialog(val) {
        if (val){
         this.getGkList();
        }
      }
    }
  },
  created() {
    EventBus.$on('ws-connected', this.handleWSConnected)
    if (this.$store.state.ws && this.$store.state.ws.readyState === WebSocket.OPEN) {
      this.handleWSConnected()
    }
  },
  methods: {
    handleWSConnected() {
      if (this.$store.state.wsHandled) return
      this.$store.commit('setWsHandled',true)
      wsSend({ cmd: 'getMonitorMainPage' })
    },
    getOperateRecordList() {
      getOperateRecord({}).then(res => {
        if (res.data){
          const data = JSON.parse(JSON.stringify(res.data.map(o => {
            o.isHighlight = false;
            return o;
          })));
          if (this.operationRecordsData.length && this.operationRecordsData.length !== data?.length) {
            data[0].isHighlight = true;
          }
          this.operationRecordsData = data;
        }

      });
    },
    operationRecords() {
      this.operationRecordsDialogVisible = true
      this.operationRecordsData = [];
      this.getOperateRecordList();
      this.$nextTick(() => {
        this.$refs.operateRecordDialogRef.$el.style.pointerEvents = 'none';
      });
    },
    clearAll(){
      wsSend({ "cmd": "switchAllClear" })
      submitOperateRecord({ log_desc: '全站清闪' },false)
    },
    alertLog(){
      wsSend({ "cmd": "openAlertWindow" })
    },
    startDrag(e) {
      e.preventDefault();
      const el = this.$refs.page;
      this.isDragging = true;
      this.startX = e.clientX;
      this.startY = e.clientY;
      this.scrollLeft = el.scrollLeft;
      this.scrollTop = el.scrollTop;

      window.addEventListener("mousemove", this.onDrag);
      window.addEventListener("mouseup", this.stopDrag);
    },
    onDrag(e) {
      if (!this.isDragging) return;
      e.preventDefault();

      const dx = e.clientX - this.startX;
      const dy = e.clientY - this.startY;

      cancelAnimationFrame(this.dragAnimationFrame);

      this.dragAnimationFrame = requestAnimationFrame(() => {
        const el = this.$refs.page;
        if (!el) return;

        el.scrollLeft = this.scrollLeft - dx;
        el.scrollTop = this.scrollTop - dy;
      });
    },
    stopDrag() {
      this.isDragging = false;
      cancelAnimationFrame(this.dragAnimationFrame);
      window.removeEventListener("mousemove", this.onDrag);
      window.removeEventListener("mouseup", this.stopDrag);
    },
    async newJiaoAn(){
      if (this.form.name===''){
        this.$message.error('请输入名称')
        return
      }
      if (this.form.region===''){
        this.$message.error('请选择工况')
        return
      }
      if (this.form.desc===''){
        this.$message.error('请输入描述')
        return
      }
      const params = {
        gkId:this.form.region,
        name: this.form.name,
        teaDesc: this.form.desc,
      }
      const res=await saveJAn(params);
      if (res.data.code===200){
        this.$message.success('添加成功')
        this.clearNewData();
      }else{
        this.$message.error('添加失败请检查网路设置')
      }
    },
    closeJiaoAn(){
      this.gongkuangValue=undefined;
      this.jiaoAnValue=undefined;
      this.loadJiaoAn=false
      this.removeJiaoAn=false
      this.sysGongKuang=false
      this.newTicket=false
    },
    closeHandle(){
      this.gongkuangValue=undefined;
      this.jiaoAnValue=undefined;
      this.startHandle=false
    },
    clearNewData(){
      this.form = {
        name: '',
        gKList: [],
        region:'',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: '',
      };
      this.newJiaoAnDialog = false
    },
    showAddJiaoAn(){
      this.newJiaoAnDialog = true
    },
    handleChange(value) {
      if (value){
        this.jiaoAnValue=null
        this.gongkuangValue=null
        const currentSelect = value[value.length - 1]
        switch (currentSelect){
          case '生成教案':
            this.newJiaoAnDialog = true
            break
          case '加载教案':
            this.loadJiaoAn = true
            break
          case '删除教案':
            this.removeJiaoAn = true
            break
          case '开始记录操作到教案完全记录':
            this.startHandle = true
            break
          case '系统工况':
            this.sysGongKuang = true
            break
        }
      }
    },
    messageHandle(data){
      if (data.cmd==='switchAllClear'){
        this.$message.success('全站清闪成功')
        wsSend({ "cmd": "getMonitorMainPage" })
      }
      if (data.cmd==='getMonitorMainPage'){
         this.pageData = JSON.parse(JSON.stringify(data.data))
        console.log(JSON.parse(JSON.stringify(this.pageData)),'主图数据')
      }
    },
  },
  mounted() {
      if(['teacher','admin'].includes(this.$store.state.user?.userRole)){
          this.jiaoAnOptions_1=JSON.parse(JSON.stringify(this.jiaoAnOptions))
      }else{
          this.jiaoAnOptions_1=this.jiaoAnOptions.filter(o=>o.value==='加载教案')
      }
    EventBus.$on("ws-message",this.messageHandle)
    this.$store.commit('setMainPage',true)
  },
    beforeCreate() {
        this.$store.commit('setWsHandled',false)
    },
    beforeDestroy() {
    EventBus.$off("ws-message",this.messageHandle)
    EventBus.$off('ws-connected')
    this.$store.commit('setMainPage',false)
  },
};
</script>
